<!--
	作者：819115696@qq.com
	时间：2016-06-23
	描述：https://git.oschina.net/RobertGoudan/HB.git
-->
<!--
	作者：819115696@qq.com
	时间：2016-06-28
	描述：
	
    如图，模拟一个队列，队列的每个元素是一个数字，初始队列为空
    有一个input输入框，以及4个操作按钮
        点击"左侧入"，将input中输入的数字从左侧插入队列中；
        点击"右侧入"，将input中输入的数字从右侧插入队列中；
        点击"左侧出"，读取并删除队列左侧第一个元素，并弹窗显示元素中数值；
        点击"右侧出"，读取并删除队列又侧第一个元素，并弹窗显示元素中数值；
        点击队列中任何一个元素，则该元素会被从队列中删除

-->
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="js/jquery-1.12.4.js"></script>
		<script type="text/javascript" src="js/test.js"></script>
		<script type="text/javascript" src="wjs/aa18.js"></script>
		<style>
			.d {
				width: 500px;
				height: 200px;
			}
			
			input {}
			
			#disp div {
				padding: 10px;
				float: left;
				margin: 3px 10px;
				background-color: #008B8B;
			}
		</style>
		<script>
			$(function() {
				init();
				
				 divs = new Array();
				 fdiv = document.getElementById("disp");
				 inp = document.getElementById("inp");

				document.getElementById("btn1").onclick = btnLr
				document.getElementById("btn2").onclick = btnRr
				document.getElementById("btn3").onclick = btnLc
				document.getElementById("btn4").onclick = btnRc
			})
		</script>
	</head>

	<body>
		<div class="d">
			<div class="">
				<input type="text" name="" id="inp" value="" />
				<button id=btn1>左侧入</button>
				<button id=btn2>右侧入</button>
				<button id=btn3>左侧出</button>
				<button id=btn4>右侧出</button>
			</div>
			<div id="disp">

			</div>
		</div>
	</body>

</html>